﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Resizable</title>
    <!-- Script -->
    <script src="script/jquery-1.3.2.js" type="text/javascript"></script>
    <script src="script/ui.core.js" type="text/javascript"></script>
    <script src="script/ui.resizable.js" type="text/javascript"></script>
    
    <style type="text/css">
	#resizable 
	{ 
	    width: 150px; 
	    height: 150px; 
	    padding: 0.5em; 
	    border:solid 1px #000 
	}
	
	#resizable h3 
	{ 
	    text-align: center; 
	    margin: 0; 
	}
	</style>
    <link href="css/ui.resizable.css" rel="stylesheet" type="text/css" />
    
	<script type="text/javascript">
	    $(document).ready(function() {
	        $("#resizable").resizable({
	            maxHeight: 250,
	            maxWidth: 350,
	            minHeight: 150,
	            minWidth: 150
	        });
	    });
	</script>
</head>
<body>
    <div id="resizable" class="ui-widget-content">
        <h3>Resizable</h3>
    </div>
</body>
</html>
